<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="assets/css/style.css" />
		<link rel="stylesheet" href="assets/css/city-picker.css" />
		<link rel="stylesheet" type="text/css" href="assets/css/main.css" />
		<script src="assets/js/jquery.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="assets/js/city-picker.data.js"></script>
		<script src="assets/js/city-picker.js"></script>
		<title>主界面</title>
	</head>

	<body>
		<header>
			<ul>
				<li>
					<a href="#"><img src="assets/css/images/index2/logo.png" /></a>
				</li>
			</ul>
			<ul>
				<li>退出</li>
				<li>|</li>
				<li class="administrator">管理员</li>
				<li>欢迎您</li>
				<li>|</li>
				<li>武汉大学</li>
				<li>学校</li>
			</ul>
		</header>
		<div class="con">
			<div class="container" style="padding:0 50px;background:#FAFAFA ;margin-top: 80px;border-left: 8px solid #D5D5D8;border-right: 8px solid #D5D5D8;">

				<div class="row">
					<div class="add">
						<i></i>
						<span>新增排课任务</span>
					</div>
				</div>
				<div class="row" style="padding-bottom: 30px;">
					<div class="col-lg-4 col-md-6 col-sm-12 ccon">
						<ul>
							<li>
								<div class="ctop">
									<img src="assets/css/images/index2-1/icon.png" />
									<span>课程名称文字内容</span>
								</div>
								<div class="ctext">
									<p>类型：<span>常规</span></p>
									<p>状态：<span class="ntext">未排课<i class="no"></i></span></p>
									<p>用户：<span>武汉大学</span></p>
									<p>创建时间：<span style="margin-left: 8px;">2018-05-21  10:06:18</span></p>
									<p><span class="pk">排课</span><span>删除</span></p>
								</div>
							</li>
						</ul>
					</div>
					<div class="col-lg-4 col-md-6 col-sm-12 ccon">
						<ul>
							<li>
								<div class="ctop">
									<img src="assets/css/images/index2-1/icon.png" />
									<span>课程名称文字内容</span>
								</div>
								<div class="ctext">
									<p>类型：<span>常规</span></p>
									<p>状态：<span class="ytext">已排课</span><i class="yes"></i></p>
									<p>用户：<span>武汉大学</span></p>
									<p>创建时间：<span style="margin-left: 8px;">2018-05-21  10:06:18</span></p>
									<p><span class="bj">编辑</span><span>删除</span></p>

								</div>
							</li>
						</ul>
					</div>
					<div class="col-lg-4 col-md-6 col-sm-12 ccon">
						<ul>
							<li>
								<div class="ctop">
									<img src="assets/css/images/index2-1/icon.png" />
									<span>课程名称文字内容</span>
								</div>
								<div class="ctext">
									<p>类型：<span>常规</span></p>
									<p>状态：<span class="ytext">已排课<i class="yes"></i></span></p>
									<p>用户：<span>武汉大学</span></p>
									<p>创建时间：<span style="margin-left: 8px;">2018-05-21  10:06:18</span></p>
									<p><span class="bj">编辑</span><span>删除</span></p>

								</div>
							</li>
						</ul>
					</div>
					<div class="col-lg-4 col-md-6 col-sm-12 ccon">
						<ul>
							<li>
								<div class="ctop">
									<img src="assets/css/images/index2-1/icon.png" />
									<span>课程名称文字内容</span>
								</div>
								<div class="ctext">
									<p>类型：<span>常规</span></p>
									<p>状态：<span class="ntext">未排课</span><i class="no"></i></p>
									<p>用户：<span>武汉大学</span></p>
									<p>创建时间：<span style="margin-left: 8px;">2018-05-21  10:06:18</span></p>
									<p><span class="pk">排课</span><span>删除</span></p>

								</div>
							</li>
						</ul>
					</div>

				</div>
				<div class="row">
					<div class="rfy col-lg-6 col-md-10 col-sm-12">
						<div class="fy">
							<ul>
								<li>
									<a href="javascript:;"  class="active2">首页</a>
								</li>
								<li>
									<a href="javascript:;">上一页</a>
								</li>
								<li>
									<a href="javascript:;">1</a>
								</li>
								<li>
									<a href="javascript:;">2</a>
								</li>
								<li>
									<a href="javascript:;">3</a>
								</li>
								<li>
									<a href="javascript:;">下一页</a>
								</li>
								<li>
									<a href="javascript:;">尾页</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="bg" style="display: none;">
				<div class="container">
					<div class="row">
						<div class="col-lg-4 col-md-7 col-sm-10 tc">
							<div class="ttc">
								<span>添加排课任务</span>
								<span></span>
							</div>
							<div class="col-lg-11 col-md-10 col-sm-10 bc">
								<div class="bbc">
									<span>名称</span>
									<input type="text" name="" id="kcmc" placeholder="请填写需要添加课程的名称" value="" />
									<span></span>
									<p style="display: none;">( <span></span>代表必填项 )</p>
								</div>

							</div>
							<div class="col-lg-10 col-md-11 col-sm-12 btc">
								<ul>
									<li></li>
									<li>
										<a href="#" title="走班课表怎么排？&#10;联系在线客服~&#10;专业排课师~&#10;3天排出优质课表">走进排课？</a>
									</li>
									<li><input type="button" name="" id="qx" value="取消" /></li>
									<li><input type="button" name="" id="bc3" value="保存" /></li>

								</ul>
							</div>
						</div>

					</div>
				</div>
			</div>
			
			<div class="bg2" style="display: none;overflow: auto;">
				<div class="container">
					<div class="row">
						<div class="col-lg-4 col-md-7 col-sm-10 tc2">
							<div class="ttc2">
								<span>完善信息</span>
								<span>完善后可免费获得排课秘籍</span>
								<span></span>
							</div>
							<div class="col-lg-11 col-md-10 col-sm-12 information">
								<p>学校信息</p>
								<p class="col-lg-12 col-md-12 col-sm-12">学校全称：
									<sup class="icon1"></sup>
									<input type="text" id="schoolName" placeholder="请填写学校全称" />
									<span>学校全称必填</span>

								</p>

								<p class="col-lg-12 col-md-12 col-sm-12">所在地区：
									<sup class="icon1"></sup>
									<input readonly type="text" data-toggle="city-picker" id='dq1'  value="" placeholder="请选择地区" />
									<i class="dq">地区必选</i>
								</p>
								<p class="col-lg-12 col-md-12 col-sm-12">学校类型：
									<sup class="icon1"></sup>
									<select name="">
										<option value="0">选择学校类型</option>
									</select>
									<span>学校类型必选</span>
								</p>

							</div>
							<div class="col-lg-11 col-md-10 col-sm-12 oneInformation">
								<p>个人信息</p>
								<p class="col-lg-12 col-md-12 col-sm-12">
									<span class="col-lg-6 col-md-12 col-sm-12 zw">您的职务：
										<sup class="icon1"></sup>
									      <select name="">
									        <option value="0">请选择您的职务</option>
								          </select>
								          <span>职务必选</span>
									</span>
									<span class="col-lg-6 col-md-12 col-sm-12 nn">您的年龄：
									  <sup class="icon1"></sup>
									  <select name="">
									  	<option value="zreo">请选择您的年龄</option>
									  </select>
								          <span>年龄必选</span>

									</span>
								</p>
								<p class="col-lg-12 col-md-12 col-sm-12" style="overflow: hidden;padding-top: 5px;">联系电话：
									<sup class="icon1"></sup>
									<input type="text" name="" id="" value="" placeholder="请填写您的联系电话" />
									<span>无法联系电话</span>
								</p>
								<p class="col-lg-12 col-md-12 col-sm-12">联系QQ：<input style="margin-left: 5px;" id="qqNumber" type="text" placeholder="请填写您的QQ" /></p>
								<p class="col-lg-12 col-md-12 col-sm-12">联系邮箱：<input type="text" placeholder="请填写您的邮箱" /><span>无效联系邮箱</span></p>
							</div>
							<p class="col-lg-6 col-md-8	 col-sm-10 TJ">
								
								<input type="button" name="" id="bc2" value="保存" />
								<input type="button" name="" id="qx2" value="取消" />
							</p>
						</div>

					</div>
				</div>
			</div>
	</body>
	<script type="text/javascript" src="js/js.js"></script>

</html>